body {

}

.banner .mui-slider {
    position: relative;
}

.banner .mui-slider input {
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -3.75rem;
    top: 0.25rem;
    width: 7.5rem;
    height: 0.8rem;
    border-radius: 0.3rem;
    background: #FFFFFF url("../images/search_home_icon.png") 0.09rem 0.09rem no-repeat;
    background-size: 0.57rem 0.58rem;
    padding-left: 0.8rem;
    font-size: 0.38rem;
}

.nine img {
    width: 1.28rem;
}

.nine .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
    font-size: 0.36rem;
    /*text-overflow: ellipsis;超出部分省略*/
}

#home .nine .mui-table-view {
    margin-top: 0;
}

.middle {
    width: 100%;
    height: 0.45rem;
    background-color: #f5f5f5;
}

.nine .mui-table-view .mui-media, .nine .mui-table-view .mui-media-body {
    overflow: visible;
}

.nine .mui-grid-view.mui-grid-9 {
    background-color: #FFFFFF;
}

.nine .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border: none;
}

.list .mui-scroll-wrapper {
    overflow: visible;
}

#home .tab {
    background-color: #fff;
}

.tab .mui-segmented-control .mui-control-item.mui-active {
    background-color: #fff;
    color: #ff3149;
    border-bottom: 2px solid #ff3149;
}

.tab .mui-segmented-control .mui-control-item {
    color: #666666;
    border-left: 0;
}

.tab .mui-table-view:before {
    top: 0;
}

.tab .mui-segmented-control {
    border: none;
}

.list .mui-scroll {
    margin-bottom: 1.6rem;
}

.list .mui-table-view-cell .photo {
    width: 2.92rem;
    height: 2.92rem;
    background-color: pink;
    float: left;
}

/*text-overflow: ellipsis;超出部分省略*/
.list .mui-table-view-cell .word {
    margin-top: 0.4rem;
    float: left;
    margin-left: 0.48rem;
    width: 5.5rem;
}

.list .mui-table-view-cell .word p {
    color: #333333;
    font-size: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    width: 6.5rem;
    text-overflow: ellipsis;
}

.list .mui-table-view-cell .word h5 {
    margin-top: 0.42rem;
    color: #666666;
    font-size: 0.36rem;
    height: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    width: 6.5rem;
    text-overflow: ellipsis;
}

.list .mui-table-view-cell .word h4 {
    margin-top: 0.44rem;
}

.list .mui-table-view-cell .word h4 span {
    font-size: 0.52rem;
    color: #ff3149;
}

.list .mui-table-view-cell .word h4 span u {
    text-decoration: none;
    font-size: 0.36rem;
}

.list .mui-table-view-cell .word h4 s {
    font-size: 0.3rem;
    color: #999999;
    margin-left: 0.3rem;
}

#nav {
    height: 1.4rem;
}

#nav .mui-tab-item.mui-active {
    color: #ff3149;
}

#nav .mui-tab-item h5 img {
    width: 0.6rem;
}

.mui-bar-tab ~ .mui-content {
    padding-bottom: 1.4rem !important;
}

#nav .mui-tab-item span {
    font-size: 0.3rem;
}

#nav .mui-tab-item h5 {
    margin-bottom: 0.012rem;
}

/*活动*/
.bgc {
    width: 100%;
    /*height: 80vh;*/
    /*background-color: black;*/
    position: relative;
}

.bgc img {
    width: 100%;
    display: block
}

.bgc .rule {
    text-align: center;
    width: 2.6rem;
    height: 0.59rem;
    line-height: 0.59rem;
    position: absolute;
    bottom: 4.5rem;
    left: 4.04rem;
}

.bgc .rule img {
    width: 0.55rem;
    height: 0.59rem;
    float: left;
}

.bgc .rule span {
    margin-left: 0.26rem;
    float: left;
    font-size: 0.4rem;
    color: #5b2e02;
}

.bgc .start {
    position: absolute;
    bottom: 2rem;
    left: 3.04rem;
    width: 4.57rem;
    height: 1.87rem;
    background: url("../images/active/game_activity_bnt_n.png") no-repeat center center;
    background-size: 4.57rem 1.87rem;
}

/*分类*/
#tabbar-with-contact .mui-col-xs-3 #segmentedControls .mui-control-item{
    width: auto;
}
#tabbar-with-contact .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #ff2e48;
    border-left: 4px solid #ff2e48;
    background-color: #f5f5f5;
}
#tabbar-with-contact .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item{
    border-bottom: 1px solid #e6e6e7;
}
#tabbar-with-contact .mui-col-xs-3 {
    height:100vh;
    background-color: #fff;
    border-right: 1px solid #e6e6e7;
}
#tabbar-with-contact .mui-content > .mui-table-view:first-child{
    margin-top: 0;
}
#tabbar-with-contact .mui-grid-view.mui-grid-9{
    border: none;
    background-color: #f5f5f5;
}
#tabbar-with-contact .mui-col-xs-9 {
    height: 100vh;
    background-color: #f5f5f5;
}
#tabbar-with-contact .mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border: 0;
}
#segmentedControlContents ul li img{
    width: 1.28rem;
    height: 1.28rem;
}
/*我的*/
.mybanner{
    width: 100%;
    position: relative;
}
.mybanner .mybm{
    width: 100%;
    display: block;
}
.mybanner .icon{
    width: 1.88rem;
    height: 1.88rem;
    position: absolute;
    top: 0.46rem;
    left: 0.33rem;
}
.mybanner span{
    font-size: 0.52rem;
    color: #ffffff;
    position: absolute;
    top: 1.2rem;
    left: 2.6rem;
}
.mybanner #qd {
    position: absolute;
    bottom: 0.3rem;
    right: 0.2rem;
    height: 0.6rem;
}
.clk{
    margin-bottom: 0.3rem;
}
.clk .mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border: 0;
}
.clk .mui-table-view .mui-media,.clk .mui-table-view .mui-media-body{
    overflow: visible;
}
.clk .mui-grid-view.mui-grid-9{
    background-color: #FFFFFF;
    border: 0;
}
.clk .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
    color: #333333;
    font-size: 0.44rem;
}
.clk .mui-table-view:after{
    height: 0;
}
.listone .mui-table-view:before{
    height: 0;
}
.listone .mui-table-view:after{
    height: 0;
}
.listone ul li a img{
    width: 0.7rem;
    float: left;
}
.listone ul li a span{
    color: #333333;
    font-size: 0.44rem;
    margin-left: 0.34rem;
    float: left;
    line-height: 0.7rem;
}
.listone ul li a .lookfor{
    float: right;
    color: #cccccc;
    font-size: 0.34rem;
    text-decoration: none;
    margin-right: 0.8rem;
    line-height: 0.7rem;
}